<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>通知消息</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/typelist.css" />
    <style>
        .aui-refresh-content{
            margin-top: 0.5rem;
            margin-bottom: 3rem;
        }
        .aui_listbox {
            margin-top: 0px;
        }
        .isread {
            color: #aaa;
            background: #f0f0f0;
        }

        .isreadfalse {
            color: #ff0000;
            background: #fdf0ee;
        }
        .work_beginbtnty3 {
            text-align: right;
            height: 44px;
            line-height: 44px;
            color: #289FFF;
        }
        .mainbox {
            font-size: 0.75rem;
            padding: 10px 16px 10px 16px;
        }
        .workheader {
            margin-bottom:0;
        }
        .work_title_add {
            width: 80%;
            height: 18px;
            line-height: 18px;
            padding-left: 0;
            border: 0;
        }
        .pb20 {
            padding-bottom: 20px;
        }
        .pt10 {
            padding-top: 10px;
        }
        .label-grey {
            font-size: 0.65rem;
            color: #999;
        }
        .new-blue-btn {
            font-size:0.75rem;
        }
        .tongzhiimage{
            margin-top: 5px;
            width: 100%;
            height: 6rem;
            overflow: hidden;
        }
        .tongzhiimage img{
            width: 100%;
            height:auto;
        }
        .firstatus{
            width: 50px; 
            height: 24px; 
            line-height: 24px; 
            text-align: center; 
            border-radius: 0px 10px 0px 10px;
            background: #289fff; 
            color: #fff;  
            position: absolute; 
            font-size: 0.65rem;
            right: 0px; 
            top:0px

        }
        .typestatus{
            height: 18px;
            line-height: 18px;
        }
        .topmsg{
            font-size: 0.75rem;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        
        <section id="main_refresh" class="aui-refresh-content">
            <div class="topmsg">
                <div class="topmsg_saixuan fl">
                    <van-checkbox v-model="checked" v-on:click="choose_noread()">仅看未读</van-checkbox>
                </div>
                <div v-on:click="All_read()" class="topmsg_isread fr">全部标记为已读</div>
            </div>

            <div class="aui_listbox task" v-if="tongzhilist.length>0">
                <!-- <div v-if="!can_scroll" class="notodayList">
                    没有更多内容
                </div> -->
                <div v-bind:id="'scroll' + item.ID" class="typeitem" v-for="item in tongzhilist">
                    <div class="boxtime">{{item.AddTime}}</div>
                    <div class="boxbg">
                    <div class="boxcenter"> 
                        
                        <div class="boxpic"><img src="../image/icon/tongzhi.png"></div>
                        <div class=" boxarea mainbox"  style="position: relative;" v-on:click="open_detail(item)">
                            <div v-if="item.IsTopShow" class="firstatus">置顶</div>
                            <div class="work_con_box pb20">
                                <div v-if="item.ImgUrl!=''" class="tongzhiimage">
                                    <img v-bind:src="item.ImgUrl">
                                </div>
                                    <div class="workheader pt10">
                                        <div class="work_title_add ellipsis_one fl" style="font-weight: bold;">{{item.Title}}辅大人规划那个粉色的光伏发电</div>
                                        <div v-if="item.Style=='isread'" class="typestatus ygd">已读</div>
                                        <div v-if="item.Style=='isreadfalse'" class="typestatus kgx">未读</div>
                                        
                                        <!-- <div v-bind:class="item.Style" class="typestatus">{{item.Status}}</div> -->
                                    </div>
                                    <div class="work_con_box_time " style="padding-top: 4px; color: #888;">
                                        <div class="work_con_box_right">
                                            <div class="aui-ellipsis-2">
                                                {{item.Summary}}
                                            </div>
                                        </div>
                                    </div>
        
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="tongzhilist.length==0&&!is_searching">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div>

        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript " src="js/tongzhixiaoxi.js"></script>

</html>
